hi all forun24 usrs now i am sharing with you our forum24 Api data creator code.

just follow the step.

1. api data creator always visible for user and admin mode


open your wapka admin panel

goto your page where you want to setup api data creator

first click on new code
and past this code

 <!--- 

second go to Api data creator

and past this code in first box

---><**div class="hdr"><form id="form" method="post">
<**style>.color a {float:left; display: block; width: 10px; height: 10px; margin: 1px; border: 1px solid black;}</style>

<**style>.hidetitle{display: none;}</style>
<input style="display:none" type="file" id="f" accept="image/*">
<script src="/api-imgur"></script>
<**script>
document.querySelector("#upload").onclick = function() {
document.querySelector("#f").click();}
imgur("#f",{loading : function(load) {document.querySelector("#upload").innerHTML = '[ <i class="fa fa-upload" aria-hidden="true"></i> Upload pictures '+load+' ]'},
loaded : function(link,size,type,time) {
var input = $("textarea#comment-comment").val();
$("textarea#comment-comment").val(input+"  ");
$("#upload").html('[ <i class="fa fa-upload" aria-hidden="true"></i>]');}})
</script>

<**script language="JavaScript" type="text/javascript">function tag(e,t){if(document.selection)document.form.msg.focus(),document.form.document.selection.createRange().text=e+document.form.document.selection.createRange().text+t;else if(null!=document.forms.form.elements.msg.selectionStart){var n=document.forms.form.elements.msg,o=n.value,s=n.selectionStart,l=n.selectionEnd-n.selectionStart;n.value=o.substr(0,s)+e+o.substr(s,l)+t+o.substr(s+l)}else document.form.msg.value+=e+t}function show_hide(e){obj=document.getElementById(e),"none"==obj.style.display?obj.style.display="block":obj.style.display="none"}</script>
<**style>.redactor_box{border-radius:90px;}</style>
<**div class="redactor_box" style="border-bottom: 1px solid #D7EDFC;margin-bottom:2px;"><style>.color a {float:left; display: block; width: 10px; height: 10px; margin: 1px; border: 1px solid black;}</style>

<**ul class="redactor_toolbar">
<**li class="redactor_btn_group">
<**a href="javascript:tag('text', '')"><i class="fa fa-bold" aria-hidden="true"></i></a>
<**a href="javascript:tag('text', '')"><i class="fa fa-italic" aria-hidden="true"></i></a>
<**a href="javascript:tag('text', '')"><i class="fa fa-strikethrough" aria-hidden="true"></i></a>
<**a href="javascript:tag('[', '](https://)')"><i class="fa fa-link" aria-hidden="true"></i></a>
</li>
<**li class="redactor_btn_group">
<**a href="javascript:tag('', '')"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
<**a href="javascript:tag('[video]video url', '[/video]', '')"><i class="fa fa-video-camera" aria-hidden="true"></i></a>
<**a href="javascript:tag('[youtube]video url', '[/youtube]', '')"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
</li>
<**li class="redactor_btn_group">
<a href="javascript:show_hide('sm');"><i class="fa fa-smile-o" aria-hidden="true"></i></a>
</li><**div style="margin-top:3px;margin-left:5px;padding:3px;">
<a id="upload">[ <i class="fa fa-upload" aria-hidden="true"></i> ]</a> </div>
</ul>
</div>
<**div id="sm" style="display:none">

<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew1.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew1.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew2.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew2.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew3.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew3.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew4.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew4.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew5.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew5.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew6.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew6.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew7.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew7.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew8.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew8.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew9.png[/img]', ''); show_hide('sm');"><***img src="https://moleys.github.io/assets/images/moew9.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew10.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew10.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew11.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew11.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew12.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew12.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew13.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew13.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew14.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew14.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew15.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew15.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew16.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew16.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew17.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew17.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew18.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew18.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/moew19.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/moew19.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru1.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru1.png" width="50px"></a>
<*a href="javascript:tag('[img*]https://moleys.github.io/assets/images/aru2.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru2.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru3.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru3.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru4.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru4.png" width="50px"></a>
<*a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru5.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru5.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru6.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru6.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru7.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru7.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru8.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru8.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru9.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru9.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru10.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru10.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru11.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru11.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru12.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru12.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru13.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru13.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru14.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru14.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru15.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru15.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru16.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru16.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru17.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru17.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru18.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru18.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru19.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru19.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru20.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru20.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru21.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru21.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru22.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru22.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru23.png[/img]', ''); show_hide('sm');"><****img src="https://moleys.github.io/assets/images/aru23.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru24.png[/img]', ''); show_hide('sm');"><***img src="https://moleys.github.io/assets/images/aru24.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru25.png[/img]', ''); show_hide('sm');"><***img src="https://moleys.github.io/assets/images/aru25.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru26.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru26.png" width="50px"></a>
<***a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru27.png[/img]', ''); show_hide('sm');"><***img src="https://moleys.github.io/assets/images/aru27.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru28.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru28.png" width="50px"></a>
<**a href="javascript:tag('[img*]https://moleys.github.io/assets/images/aru29.png[/img]', ''); show_hide('sm');"><***img src="https://moleys.github.io/assets/images/aru29.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru30.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru30.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru31.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru31.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru32.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru32.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru33.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru33.png" width="50px"></a>
<**a href="javascript:tag('[img****]https://moleys.github.io/assets/images/aru34.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru34.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru35.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru35.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru36.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru36.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru37.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru37.png" width="50px"></a>
<**a href="javascript:tag('[img****]https://moleys.github.io/assets/images/aru38.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru38.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru39.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru39.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru40.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru40.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru41.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru41.png" width="50px"></a>
<**a href="javascript:tag('[img***]https://moleys.github.io/assets/images/aru42.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru42.png" width="50px"></a>
<**a href="javascript:tag('[img***]https://moleys.github.io/assets/images/aru43.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru43.png" width="50px"></a>
<**a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru44.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru44.png" width="50px"></a>
<***a href="javascript:tag('[img**]https://moleys.github.io/assets/images/aru45.png[/img]', ''); show_hide('sm');"><**img src="https://moleys.github.io/assets/images/aru45.png" width="50px"></a>

</div>
<***div class="bg-search" id="search-form_3">

<**textarea name="msg" id="comment-comment" class="search_3 inputupload" required>
</textarea>
<**button type="submit" class="submit_3">Comment</button></div>

</div>
<***style>.hidetitle{display: none;}</style>
<**input style="display:none" type="file" id="f" accept="image/*">
<script src="/api-imgur"></script>
<***script>
document.querySelector("#upload").onclick = function() {
document.querySelector("#f").click();}
imgur("#f",{loading : function(load) {document.querySelector("#upload").innerHTML = '[ <i class="fa fa-upload" aria-hidden="true"></i> Upload pictures '+load+' ]'},
loaded : function(link,size,type,time) {
var input = $("textarea#comment-comment").val();
$("textarea#comment-comment").val(input+"  ");
$("#upload").html('[ <i class="fa fa-upload" aria-hidden="true"></i>]');}})
</script>  

Remove all ** from code


than past this code in second config box

<pid></pid>

<category>post</category>

<key1>170897</key1>

<key2>obaydulbc</key2>

<value1></value1>

and this is style css code past this code in your header or footer head tag

 <**style>#search-form_3{
background:#e1e1e1;overflow:hidden;text-aligin:center;display: flex;justify-content:center;align-items: center;background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(225,225,225)));background: -moz-linear-gradient( center top, rgb(243,243,243) 0%, rgb(225,225,225) 100%);border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);}.search_3{background: #fafafa; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);border: 0;border-bottom: 1px solid #fff;
border-right: 1px solid rgba(255,255,255,.8);font-size: 16px;margin: 4px;padding: 5px;height:50px;width: 100%;border-radius: 17px;-webkit-border-radius:17px;
-moz-border-radius: 17px;box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);-moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);}.search_3:focus{
outline: none;
background: #fff;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));background: -moz-linear-gradient(center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);}.submit_3{background: #44921f;background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);border: 0;color: #eee;cursor: pointer;display: flex;justify-content:center;align-items: center;font: 16px 'Raleway', sans-serif;font-weight: bold;height: 50px;align-items:center;margin:auto;text-shadow: 0 -1px 0 rgba(0,0,0,.3);width: 90px;outline: none;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius: 30px;box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);}.submit_3:hover {background: #4ea923;background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));background:-moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22)100%);}.submit_3:active{background: #4ea923;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);}</style>

Remove all ** from code

thank you so much stay with us...